<template>
  <div id="app">
     <el-row class="row1">
        <el-col :span="6">
          <span>银行名称：</span>
        </el-col>
        <el-col :span="16" style="text-align: left;">
             <template>
                <el-select v-model="value" placeholder="请选择银行">
                    <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                    </el-option>
                </el-select>
            </template>
        </el-col>
      </el-row>
      <el-row class="row1" style="margin-bottom: 10px;">
        <el-col :span="6">
          <span>开户姓名：</span>
        </el-col>
        <el-col :span="16">
          <el-input v-model="input" placeholder="请输入开户姓名"></el-input>
        </el-col>
      </el-row>
      <el-row class="row1" style="margin-bottom: 10px;">
        <el-col :span="6">
          <span>银行卡号：</span>
        </el-col>
        <el-col :span="16">
          <el-input v-model="input" placeholder="请输入银行卡号"></el-input>
        </el-col>
      </el-row>
      <div style="margin: 15px 0px;text-align: center;">
        <router-link to="/addition"><el-button type="primary" round style="width: 50%;" >确定</el-button></router-link>
      </div>
  </div>
</template>
<script>
export default {
   data() {
      return {
        input:"",
        value:"",
        options: [{value: '选项1',label: '支付宝'},{value: '选项2',label: '微信'},{value: '选项3',label: '中国银行'},{value: '选项4',label: '中国农业银行'},
        {value: '选项5',label: '中国工商银行'},{value: '选项6',label: '招商银行'},{value: '选项7',label: '中国建设银行'},{value: '选项8',label: '邮政银行'}],

      }
    },
    created(){

    },
    methods:{

    },
    // components(){

    // },  
}
</script>
<style lang="less" scoped>
.row1{
    line-height: 55px;
    text-align: center;
    margin: 15px 0px;
}

</style>
